<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Accordion分类</title>

  <!-- 引入js文件，有顺序限制 -->
  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
  <!-- 引入css文件，不限顺序 -->
   <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
    <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
    
    <!-- 所有的css文件和的有的js文件位置不限 -->
    
</head>
<body>
<div id="p" class="easyui-panel" title="系统菜单" style="width:200px;height:400px;"> 
    <div id="accordingID"  class="easyui-accordion" data-options=fit:true>   
        <div title="部门管理" data-options="iconCls:'icon-save'">   
            content1   
        </div>   
        <div title="人事管理" data-options="iconCls:'icon-reload'">   
            content2    
        </div>   
        <div title="客户管理" data-options="iconCls:'icon-remove'">   
            content3    
        </div>   
          <div title="权限管理" data-options="iconCls:'icon-edit'">   
            content3    
        </div>  
          <div title="报表管理" data-options="iconCls:'icon-print'">   
            content3    
        </div>  
          <div title="帮助" data-options="iconCls:'icon-help'">   
            content3    
        </div>  
    </div>  
   
</div>	
</body>  
</html>